<%-- 
    Document   : index
    Created on : May 11, 2011, 9:41:04 PM
    Author     : root
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>YQL example</title>
        <script type="text/javascript" src="js/yql_js_widget.js"></script>
        
        <style type="text/css">
        li.imgCnt{ list-style: none; background: #000000; margin: 3px; float: left; }
        li.imgCnt img{ border:0; margin:5px; }
        li.imgCnt div.imgTitle{ padding: 5px; font-size: 11px; text-align:center; }
        </style>
        
    </head>
    <body>
    <h2 class='title'>My Blog List</h2> 
    <div class='widget-content'>
       <div class='blog-list-container' id='BlogList1_container'>
       <ul id="widgetContainer"></ul>

        <script type="text/javascript">
        var config = {};
        var format = '<li><a href="{link}">{title}</a></li>';
        
         
        var yqlQuery = 'select * from feed where url="http://hiroakikoide.wordpress.com/feed/?alt=rss"  limit 5';
        yqlWidget.push(yqlQuery, config, format, "widgetContainer");
        yqlWidget.render();

        </script>
    </body>
</html>
